import React, { memo } from "react";
import PropTypes from "prop-types";
import LongForItemWrapper from "./styled";

const LongForItem = memo(function LongForItem(props) {
  const { longForItem } = props;
  return (
    <LongForItemWrapper>
      <div className="inner">
        <img
          className="city-pic"
          src={longForItem.picture_url}
          alt=""
          srcset=""
        />
        <div className="item">
          <div>
            <div>{longForItem.city}</div>
            <div>{longForItem.price}</div>
          </div>
          <div className="cover"></div>
        </div>
      </div>
    </LongForItemWrapper>
  );
});

LongForItem.propTypes = {
  longForItem: PropTypes.object,
};

export default LongForItem;
